<style lang="stylus" scoped>
  #main {
    width : 37.5rem;
    height : 25rem;
  }
  .parent {
    display : flex;
    justify-content : center;
    align-items : center;
    flex-direction : column;
  }
  .btngroup {
    width : 37.5rem;
    display : flex;
    flex-direction : row;
    justify-content : space-between;
  }
  .return {
    color : white;
    padding : 1rem 2rem;
    font-size : 1rem;
    background-color : rgb(26, 188, 156);
    border-radius : 50% 10% 10% 50%;
    border : 0;
    font-weight : bold;
  }
  .forward {
    color : white;
    padding : 10px 30px;
    font-size : 1rem;
    background-color : rgb(231, 76, 60);
    border-radius : 10% 50% 50% 10% ;
    border : 0;
    font-weight : bold;
  }
</style>

<template lang="pug">
  div.parent
    div#main
    div.btngroup
      <router-link to="/Pie" class="return" tag="button">饼状图</router-link>
      <router-link to="/" class="forward" tag="button">结束</router-link>
</template>

<script>
export default {
  name : 'ring_charts',
  data : function() {
    return {
      charts : '',
      options: []
    };
  },
  methods: {

  },
  mounted: function() {

  }
}
</script>
